<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
				
			.d1{
				width: 200px;
				height: 200px;
				background: pink;
				animation: donghua1 3s;
				
			}
			@keyframes donghua1{
				/* from{} */
				0%{
					transform: translate(0,0);
				}
				33.3%{
					transform: translate(500px,0);
				}
				100%{
					transform: translate(500px,500px);
				}
			}
		</style>
	</head>
	<body>
		<div class="d1">
			
		</div>
	</body>
</html>
